Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Apple Podcasts Redesign
MICA: Foundations of UX Design
MICA: UX Residency I
Project: Baltimore Farmers' Market
From User Interviews to Prototypes
FindBlue
Illustrations
Office of the Registrar Case Study & Redesign
Typography
Parking Panda
Drawings
Paintings
Freelance Design
Buzd Mobile
Overview
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Overview
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
Pocard bg-faded card-block mb-3s.com User Journey
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Nature.org Redesign
Card sort results and prototype screens for Nature.org redesign project.
Card Sorting
Color-coded spreadsheet of Nature.org navigation card sort results.
Similarity Matrix
Matrix showing correlations between individual cards
Navigation
Sitemap showing rearranged site structure according to card sort findings.
Overview
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assignment Prompt:
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
- Help customers plan their market trips
- Increase foot traffic by 10%.
- Promote healthy eating.
- Promote special events like live music & cooking demos.
Design Process
User Interviews
Interviewing shoppers & vendors in the field at the BFM.
Empathy Mapping
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
User Personas
Imagining a prototypical user from interview data.
Overview
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
The Original Site
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Current Homepage
- Navigation
- Redundant, ambiguous taxonomy presented as a monolith.
- Visuals
- Lack hierarchy, visual appeal.
The Redesign
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.
Garamond Poster Series
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
UX/Design Internship, Summer 2015
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Under Construction!
Check back soon.
Under Construction!
Check back soon.